<template>
  <div>
    <el-table :data="tableData" stripe style="width: 100%">
      <el-table-column prop="companyName" label="网站" width="180">
      </el-table-column>
      <el-table-column prop="companyLogo" label="Src" width="180">
      </el-table-column>
      <el-table-column label="公司logo">
        <template slot-scope="scope">
          <img :src="scope.row.companyLogo" />
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: 'VueElementApp',

  data () {
    return {
      tableData: [
        {
          companyName: '小米',
          companyLogo: 'http://s02.mifile.cn/assets/static/image/logo-mi2.png'
        },
        {
          companyName: '京东',
          companyLogo: 'https://misc.360buyimg.com/lib/img/e/logo-201305-b.png'
        },
        {
          companyName: '百度',
          companyLogo:
            'https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png'
        }
      ]
    }
  },

  mounted () {},

  methods: {}
}
</script>

<style lang="scss" scoped></style>
